<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>选择会员卡</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" name="viewport">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/homePage.css">
	<link rel="stylesheet" href="css/flexible.css">
	<script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/flexible.js"></script>
</head>
<body>
	<div class="group_details clearfix">
		<div class="fl"><img src="images/xiaoxiao_img_74.png" alt="" class="spinning_img"></div>
		<div class="spinning_txt fl">
			<p><span class="spinning_txx">动感单车</span><span class="spinning_name">曲婷婷</span></p>
			<p><span class="spinning_A">A1</span><span class="spinning_date">2018-12-11 14:00-16:00</span></p>
			<p class="degree">0/30</p>
		</div>
	</div>
	<div class="under_line"></div>
	<div class="member_card">
		<p  class="member_card_title">会员卡</p>
		<div class="year_card_list clearfix">
			<div class="entrance_sign fl">
				<p class="entrance_sign_txt">年卡会籍</p>
				<p class="entrance_sign_date">2018-01-01-2018-12-30</p>
				<p class="entrance_sign_in">入场签到计费<span>1</span>次</p>
			</div>
			<div class="remaining_day fr">
				<div class="remaining_day_txt">剩余<span>360</span>天</div>
				<div style="margin-top: 0.18rem;text-align: center;"><img src="images/check_in.png" alt="" class="check_in"></div>
			</div>
		</div>
		<div class="year_card_list clearfix">
			<div class="entrance_sign fl">
				<p class="entrance_sign_txt">年卡会籍</p>
				<p class="entrance_sign_date">2018-01-01-2018-12-30</p>
				<p class="entrance_sign_in">入场签到计费<span>1</span>次</p>
			</div>
			<div class="remaining_day fr">
				<div class="remaining_day_txt">剩余<span>360</span>天</div>
				<div style="margin-top: 0.18rem;text-align: center;"><img src="images/check_not.png" alt="" class="check_in"></div>
			</div>
		</div>
		<div class="appointment_btn">预约</div>
	</div>
	<div class="technology">馆家提供技术支持</div>
</body>
</html>